﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ShouYe/too.master" AutoEventWireup="true" CodeBehind="SYcf.aspx.cs" Inherits="Player.ShouYe.SYcf" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
          <style>
              .Max_item {
          width:883px;
          height:9000px;
          margin-left:130px;
          margin-top:80px;
          background-image:url(../Player图片/背景图/首页背景图/s1.jpg);
          }
        .max {
        width:100%;
        height:100%;
        background-repeat:no-repeat;
        }
        .bigdivs {
        width:500px;
        height:210px;
        border:1px solid red;
        margin-left:120px;
        }
       .bigdivs .warp {
        width:500px;
        height:210px;
        background-color:red;
        overflow:hidden;
        position:relative;
        }
        ul {
        list-style:none;
        }
        .warp ul {
        position:absolute;
        top:0;
        left:0;
        width:5000px;
        }
        .warp ul li {
        float:left;
        }
        .warp .item img {
        width:500px;
        height:210px;
        }
        .zuo img{
        width:30px;
        height:30px;
        position:absolute;
        left:470px;
        background-color:red;
        opacity:0.4;
        border-radius:8px 0 0px 8px;
        display:none;
        z-index:3;
        }
        .zuo1 img{
        width:30px;
        height:30px;
        position:absolute;
        background-color:red;
        border-radius:8px 0px 0px 8px;
        opacity:0.4;
        display:none;
        z-index:3;
        }
        .zuo1 img{
            transform:rotate(180deg);
        }
        .img1 {
        position:absolute;
        top:80px;
        }
        .warp .circle {
        position:absolute;
        top:182px;
        left:170px;
        cursor:pointer;
            width: 172px;
        }
        .warp .circle li {
        float:left;
        width:9px;
        height:9px;
        background-color:white;
        border-radius:100%;
        list-style:none;
        border:2px solid pink;
        margin-left:10px;
        }
            .warp .circle .crrent {
            background-color:red;
            }


        .huati {
        width:180px;
        height:150px;
        background-color:white;
        position:absolute;
        right:60px;
        top:85px;
        border-radius:5px;
        box-shadow:darkgrey 0px 0px 2px 1px;
        }
        .ht {
        font-size:15px;
        }
         .huati .p {
            width: 180px;
            height: 1px;
            background-color: orange;
            display: block;
            margin-top:5px;
        }
        .huati .zi{
            margin-top:10px;
            font-size:10px;
        }
            .huati .zi span {
            background-color:#ccc;
            border-radius:5px;
            margin:0px 3px;
            padding:0px 5px;
            }
            .huati span:hover {
                cursor:pointer;
                background-color:orange;
            
            }


        .bigdiv_txt {
            width:100%;
            height:auto;
            margin-top:50px;
            margin-left:100px;
            opacity:0.8;
         }
            .bigdiv_txt .big {
            width:400px;
            height:auto;
            position:relative;
            }
        .sp1 {
        margin:30px 0px;
        background-color:white;
        border-radius:5px;
        box-shadow:darkgrey 0px 0px 2px 1px;
        }
        .zs img{
        position:fixed;
        top:43px;
        width:100px;
        height:300px;
        background-color:pink;
        }
        .sp1 .yh_tx {
        width:35px;
        height:35px;
        border-radius:100%;
        background-color:red;
        }
        .sp1 .hz {
        width:auto;
        height:auto;
        margin-left:30px;
        line-height:1.7;
        }
        .hz .sp_yhm {
        display:block;
        font-size:10px;
        position:absolute;
        top:15px;
        left:75px;
        }
        .hz .yh_sj {
        font-size:12px;
        color:#4c4949;
        display:block;
        margin-left:250px;
        }
        .hz .yh_tp {
        display:block;
        width:290px;
        height:150px;
        background-color:red;
        
        }
        .yh_tp img{
        width:290px;
        height:150px;
        }
        .hz .yh_dianzan {
        cursor:pointer;
        position:absolute;
        left:240px;
        bottom:3px;
        }
        .hz .yh_dianzan img{
        display:block;
        width:15px;
        height:15px
        }

        /*用户发布模块*/
        .max1 {
        width:300px;
        height:400px;
        /*background-image:url("../Player图片/游戏图片/微凉暖暖.png");*/
        background-repeat: repeat-x;
        background-size:100% 100%;
        }
        .bigdiv {
        width:400px;
        height:300px;
        border:none;
        position:fixed;
        top:25%;
        left:35%;
        background-color:#b6bf86;
        border-radius:10px;
        box-shadow:1px 1px 5px #ccc;
        z-index:5;
        }
        .biaoti {
        margin-left:165px;
        font-weight:bolder;
        }
        .tb{
            width:400px;
            height:auto;
            margin-left:40px;
            /*margin-top:20px;*/
            position:relative;
            top:0;
        }
            .tb td {
            padding-top:20px;
            }
        .td_sum1 {
        width:70px;
        height:30px;
        font-size:8px;
        line-height:30px;
        }


        .fab1 {
            width:300px;
            height:80px;
            margin-left:60px;
        }
            .fab1 .fb {
            width:70px;
            height:25px;
            margin-left:80px;
            margin-top:20px;
            border-radius:10px;
            outline:none;
            border:2px solid #ccc;
            font-size:8px;
            }

            .fab1 .lbl {
            font-size:8px;
            color:red;
            margin-left:20px;
            margin-top:10px;
            }

        /*发布里面的关闭图片*/
        .down {
          width:25px;
          height:25px;
          border-radius:100%;
          background-color:#ccc;
          margin-left:370px;
          margin-top:5px;
        }
            .down .btn2 {
            width:25px;
            height:25px;
            outline:none;
            }

        /*发布按钮*/
        .big_item {
        width:700px;
        height:35px;
        background-color:#ccc;
        border-radius:20px;
        margin-top:20px;
        opacity:0.8;
        box-shadow:5px 5px 2px #5c5858;
        position:absolute;
        left:200px;
        }
       .big_item .left_items {
        width:74px;
        height:23px;
        position:relative;
        }
        .big_item .user {
        margin-left:30px;
        margin-top:10px;
        display:block;
        font-size:10px;
        }
            .left_items .left_items_sum {
            width:74px;
            height:23px;
            margin-left:100px;
            position:absolute;
            left:450px;
            top:0px;
            }
         .left_items .fbu {
        width:70px;
        height:20px;
        line-height:20px;
        background-color:#ffca28;
        border:1px solid #d3a51a;
        border-radius:45px;
        font-size:10px;
        padding-left:17px;
        cursor: pointer;
        z-index:5;
        margin-bottom:40px;
        position:absolute;
        bottom:-20px;
        left:60px;
        }
        .left_items img {
        width:10px;
        height:13px;
        margin-left:100px;
        line-height:13px;
        cursor:pointer;
        position:absolute;
        top:-13px;
        left:-25px;
        z-index:10;
        }
        /*热门游戏*/
        .top_item {
        width:700px;
        height:35px;
        border-radius:20px;
        line-height:35px;
        margin-top:20px;
        margin-left:-53px;
        background-color:#ccc;
        opacity:0.8;
        box-shadow:5px 5px 2px #5c5858;
        }
            .top_item .re_game {
                    margin-left:30px;
                    margin-top:10px;
                    display:block;
                    font-size:10px;
            }
            /*热门游戏*/
        .remeng {
        width:700px;
        height:auto;
        margin-left:-53px;
        margin-top:20px;
        }
                .imgtxt img:hover{
        animation: imgss 600ms linear alternate infinite;
         }
            .imgtxt a {
                text-decoration-line:none;
                color:#000000;
            }
            .imgtxt div {
                font-size:12px;
                font-weight:bolder;
                overflow:hidden;
            }
        .imgtxt_div1 {
            width:150px;
            height:80px;
        }
        .imgtxt_div1img {
                Width: 142px;
                Height: 80px;
                margin-left: -1px;
        }
        .imgtxt_div2 {
            padding-top:5px;
             padding-left: 5px;
        }
        .imgtxt_div3 {
            width:50px;
            height:20px;
            background-color:#f3ce67;
            border:1px solid #fff062;
            line-height:20px;
            font-size:12px;
            font-weight:bolder;
            border-radius:8px;
            float:left;
            margin-left:80px;
            text-align:center;
            position:absolute;
            bottom:5px;
            cursor:pointer;
        }
            .spright:hover {
                color:red;
            }
        .div-item {
        width:140px;
        height:140px;
        border:1px solid #000000;
        margin:15px;
        margin-left:20px;
        border-radius:10px;
        overflow:hidden;
        box-shadow:2px 2px 4px #5c5858;
        position:relative;
        }
        .imgtext_div2 span a{
        display:block;
        color:#000;
        font-size:5px;
        }
        .imgtxt_div4 {
        width:60px;
        height:23px;
        float:left;
        font-size:12px;
        font-weight:bolder;
        margin-top:6px;

        }
            .imgtxt_div4 span {
                line-height:23px;
                margin-left:30px;
            }
        .imgtxt_div4 img {
        width:20px;
        height:20px;
        position:absolute;
        top:112px;
        left:10px;
        border-radius:10px;
        cursor:pointer;
        }
        </style>
    <div class="Max_item">
            <div id="yinghua" class="container"></div>
    <div class="max">
       <div class="bigdivs">
        <div class="warp">
            <a href="javascript:;" class="zuo img1"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></a>
            <a href="javascript:;" class="zuo1 img1"><img src="../Player图片/图标/首页图标/轮播图按钮/zuoyou (1).svg" /></a>
            <ul>
                <li class="item"><a href="../ShangCheng/SCwegm1.aspx?id=30">
                    <img src="../Player图片/游戏图片/穿越火线.jpg" /></a></li>
                <li class="item"><a href="../ShangCheng/SCwegm1.aspx?id=33">
                    <img src="../Player图片/游戏图片/赛博朋克.png" /></a></li>
                <li class="item"><a href="../ShangCheng/SCwegm1.aspx?id=38">
                    <img src="../Player图片/游戏图片/使命召唤.png" /></a></li>
                <li class="item"><a href="../ShangCheng/SCwegm1.aspx?id=34">
                    <img src="../Player图片/游戏图片/微凉暖暖.png" /></a>
                </li>
                <li class="item"><a href="../ShangCheng/SCwegm1.aspx?id=37">
                    <img src="../Player图片/游戏图片/英雄联盟.png" /></a>
                </li>
            </ul>
            <%--图片下面的小圆圈--%>
           <ol class="circle">
           </ol>
        </div>
        <%--发布--%>
        <div class="big_item">  
            <div class="user">
                <span>玩家评论</span> 
            </div>     
            <div class="left_items">
            <div class="left_items_sum">
                <img src="../Player图片/图标/首页图标/头部图标/fabu(1).svg" class="img1" alt="" />
                <asp:Button ID="Button1" runat="server"  Text="发布" class="fbu" />
            </div>
           </div>
        </div>

           </div>
        <%--热门话题--%>
        <div class="huati">
            <div class="ht">热门话题</div>
            <span class="p"></span>
            <div class="zi">
                <span>#魔花研究所# </span><span>#2021新赛季上分季#</span><span>#不服SOLO！</span><span>挑战斗鱼高分妹妹#</span><span>#PVE中最烦人的小怪#</span>
                <span>#斗鱼DNF全明星#</span><span>#2020梗王大赛#</span><span>#挑战Solo King余小C#</span><span>#时间的认可#</span><span>#齐聚新年广场#</span>
            </div>
        </div>
    </div>
    </div>

    <script src="too.master_jquery/首页热门轮播图/animate.js"></script>
    <script src="too.master_jquery/首页热门轮播图/轮播图1.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="shouye" runat="server">
</asp:Content>
